<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>静态页面整理</title>
	</head>
	<body>
		<h1>基础静态页面</h1>
		<hr>
		<ol>
			<li><a href="./demos/text_fold.html">文本折叠</a></li>
			<li><a href="./demos/clearfix/clearfix.html">清除浮动</a>|<a href="./demos/clearfix/fix.html">清除浮动前</a></li>
			<li><a href="./demos/glowing-gradient-button/index.html">马德酷炫的按钮</a></li>
			<li><a href="./demos/checkbox-design/index.html">马德酷炫的开关</a></li>
		</ol>
		<h1>VueJs</h1>
		<hr>
		<ol>
			<li><a href="./vuejs/example/vue-directive.html">VueJs全局API-directive自定义指令</a></li>
			<li><a href="./vuejs/example/vue-extend.html">VueJs全局API-extend扩展实例构造器</a></li>
			<li><a href="./vuejs/example/vue-set.html">VueJs全局API-set全局操作</a></li>
			<li><a href="./vuejs/example/vue-lifecycle.html">VueJs生命周期-回调函数/钩子函数10个</a></li>
			<li><a href="./vuejs/example/template.html">VueJs template三种写法</a></li>
			<li><a href="./vuejs/example/component-1.html">VueJs 组件基础</a></li>
			<li><a href="./vuejs/example/component-2.html">VueJs 组件属性(props)</a></li>
			<li><a href="./vuejs/example/component-3.html">VueJs 组件 父子组件关系</a></li>
			<li><a href="./vuejs/example/component-4.html">VueJs 标签</a></li>
		</ol>
		<hr>
		<ol>
			<li><a href="./vuejs/example/propsData.html">propsData Option</a></li>
			<li><a href="./vuejs/example/computed.html">computed Option</a></li>
			<li><a href="./vuejs/example/methods.html">methods Option</a></li>
			<li><a href="./vuejs/example/watch.html">watch Option</a></li>
			<li><a href="./vuejs/example/mixins.html">mixins Option</a></li>
			<li><a href="./vuejs/example/extends.html">extends Option</a></li>
		</ol>
		<hr>
		<ol>
			<!--<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>-->
			<li><a href="./vuejs/example/withJq.html">vue和jq一起用</a></li>
			<li><a href="./vuejs/example/instanceMethod.html">vue常用的实例方法</a></li>
			<li><a href="./vuejs/example/slot.html">slot</a></li>
		</ol>		
	</body>
</html>